<template>
  <i class="iconfont icon-container" :class="fontClass"></i>
</template>

<script setup>
import { computed } from "vue";

const props = defineProps({
  type: {
    type: String,
    required: true,
  },
});

const classMap = {
  id: "icon-shenfengzheng",
  jt: "icon-1",
  fxp: "icon-iconfontzhizuobiaozhun023150",
  bz: "icon-bazi",
  note: "icon-noun__cc",
  car: "icon-che_o",
  pen: "icon-bi",
  lt: "icon-luntai",
  ybp: "icon-yibiaopan",
  xh: "icon-liuzhuan",
  yes: "icon-duigoux",
  book: "icon-fankui",
};

const fontClass = computed(() => classMap[props.type]);
</script>

<style scoped>
@import "//at.alicdn.com/t/c/font_4151286_0isnp3c3x3gk.css";
.iconfont {
  color: inherit;
  font-size: inherit;
}
</style>
